<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>注册新用户</title>
<link rel="stylesheet" type="text/css" href="../static/css/md-input.css?v=<%= System.currentTimeMillis()%>"/>
</head>

	<style>
		*{
			padding: 0;
			margin: 0;
			box-sizing: border-box;
		}
		body{
			height: 100vh;
			display: flex;
			justify-content: center;
			align-items: center;
			background-image: linear-gradient(37deg, rgb(100, 207, 189), rgb(37, 185, 223));
		}
		.main-box{
			width: 370px;
			height: 570px;
			/* border: 1px solid sienna; */
			border-radius: 10px;
			background-color: white;
			z-index: 1;
			box-shadow: 0 4px 3px rgba(80, 80, 80, .3);
			
			padding: 7px;
			text-align: center;
			
			position: relative;
		}
		
		.main-box h2{
			margin: 27px 0;
			text-align: center;
		}
		
		.main-box .input-box{
			padding: 0 17px;
		}
		
		.main-box .input-box p{
			margin-top: 7px;
			font-size: 10px;
		}
		
		.main-box .input-box .pure-material-textfield-outlined{
			margin-top: 7px;
		}
		
		.main-box .button-box{
			position: absolute;
			bottom: 67px;
			
			width: 100%;
			text-align: center;
		}
		
		.main-box #btn-submit{
			border: none;
			width: 207px;
			line-height: 37px;
			font-size: 17px;
			padding: 7px 17px;
			border-radius: 37px;
			cursor: pointer;
			
			background-color: #26C6DA;
		}
		
	</style>
<body>
<div class="main-box">
			<form onsubmit="return test();" action="./register" >
				<h2>注册新用户</h2>
				<p style="display: block; text-align: left; padding-left: 17.5px; font-size: 8px;">是的，没有头像</p>
				<div class="input-box">
					<label class="pure-material-textfield-outlined">
					    <input id="user-name" name="name" type="text" placeholder=" " />
					    <span>用户名</span>
					</label>
					
					<label class="pure-material-textfield-outlined">
					    <input id="user-pwd1" name="pwd" type="password" placeholder=" " />
					    <span>设置密码</span>
					</label>
					
					<label class="pure-material-textfield-outlined">
					    <input id="user-pwd2" type="password" placeholder=" " />
					    <span>确认密码</span>
					</label>
					
					<label class="pure-material-textfield-outlined">
					    <input id="user-phone" name="phone" type="text" placeholder=" " />
					    <span>绑定电话</span>
					</label>
					<p>是的，没有验证码</p>
				</div>
				
				<div class="button-box">
					<input id="btn-submit" type="submit" value="注册"/>
				</div>
			</form>
		</div>
</body>
<script type="text/javascript">
	function test(){
		
		
		return true;
	}
</script>
</html>